.imageGalleryTitle p{
  font-size: 1.5rem;
  font-weight: 700;
  font-family: var(--font-family-0-bold);
  border-bottom: 1px solid var(--gray-dark-7);
  padding-bottom: 1rem;
}

.swiperImageGallery {
    width: 72.709%;
}
.swiperImageGallery .swiper-slide {
    height: 100% !important;
}

.swiperImageGallery-button-next,
.swiperImageGallery-button-prev,
.swiperModalImageGallery-button-next,
.swiperModalImageGallery-button-prev{
  color: black; 
  z-index: 10;
}

.swiperImageGallery-button-next:after,
.swiperImageGallery-button-prev:after{
  font-size: 5rem !important;
}

.swiperImageGallery-pagination .swiper-pagination-bullet-active, 
.swiperModalImageGallery-pagination .swiper-pagination-bullet-active {
  background: var(--brand-light) !important;
  width: 18px !important;
  height: 18px !important;
  border:none !important;
}

.swiperImageGallery-pagination .swiper-pagination-bullet, 
.swiperModalImageGallery-pagination .swiper-pagination-bullet {
  background: var(--gray-dark-3) ;
  width: 12px;
  height: 12px;
  border:none !important;
}

.modal {
  position: fixed;
  inset: 0; /* shorthand for top:0; right:0; bottom:0; left:0; */
  background: rgba(0,0,0,0.9);
  z-index: 9999;
  top:0; 
  left:0; 
  width:100vw; 
  height:100vh; 
}
.modal-content {
  position: relative;
  width: 90vw;
  height: 90vh;
  background-color: transparent; 
  width: 100%; 
  max-width:1280px; 
}

.swiperModalImageGallery-button-next{
  right: 20px !important;
}

.swiperModalImageGallery-button-prev{
  left: 20px !important;
}

#closeImageGallery{
    z-index:10;
    background:none; 
    border:none; 
    color:white; 
    cursor:pointer;
    max-width: 1200px;
}


body.no-scroll {
  overflow: hidden;
}


.blank-slide {
  width: 459.75px; /* same as other slides */
  height: auto; 
  margin-right: 30px; 
  visibility: hidden;
}

@media (min-width: 769px) and (max-width: 1120px) {
  #modalImageGallery .swiper-slide img{
      width: 85% !important;
  }
}

@media (max-width: 768px) {
  .imageGalleryTitle {
    max-width: 88.058% !important;
  }
  .imageGalleryTitle p{
    font-size: 1.25rem;
  }
  .swiperImageGallery {
      width: 88.059%;
  }
  .swiperImageGallery-button-next,
  .swiperImageGallery-button-prev,
  .swiperModalImageGallery-button-next,
  .swiperModalImageGallery-button-prev {
    display: none !important;
  }
  #closeImageGallery svg{
    height: 19.14px !important;
    width: 19.14px !important;
  }
}